<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="layout_3.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">





    <ui:define name="content">
        <f:view>
            <h:form id="form">

                <a4j:outputPanel  >
                    <h:panelGrid columns="2">

                        <h:outputText value="Nazwisko wypożyczającego : "  />
                        <h:inputText required="false" value="#{odbiorKsiazkiManager.wyszukiwany.nazwiskoWypozyczajacego}"/> 


                        <h:outputText value="Imię wypożyczającego : " />
                        <h:inputText required="false" value="#{odbiorKsiazkiManager.wyszukiwany.imieWypozyczajacego}"/> 



                        <h:outputText value="Tytuł książki : " />
                        <h:inputText required="false" value="#{odbiorKsiazkiManager.wyszukiwany.tytul}"/>   


                        <h:outputText value="ISBN książki : " />
                        <h:inputText required="false" value="#{odbiorKsiazkiManager.wyszukiwany.isbn}"/> 


                        <rich:notifyMessages stayTime="2000" nonblocking="true" />
                    </h:panelGrid>

                </a4j:outputPanel>
                <a4j:commandButton  id="wyszukaj" action="#{odbiorKsiazkiManager.wyszukaj}" value="Szukaj"  render="table"/>


                <center>
                    <rich:dataTable   value="#{odbiorKsiazkiManager.dataList}" 
                                      var="item" 
                                      id="table" 
                                      rows="30">
                        <f:facet name="noData">
                            Brak książek
                        </f:facet>
                        <rich:column  sortBy="#{item.isbn}"  style="width:75px">
                            <f:facet name="header">               
                                <h:outputText value="Nazwisko " />
                            </f:facet>
                            <h:outputText value="#{item.nazwiskoWypozyczajacego}" />
                        </rich:column>
                        <rich:column  sortBy="#{item.isbn}"  style="width:75px">
                            <f:facet name="header">               
                                <h:outputText value="Imię " />
                            </f:facet>
                            <h:outputText value="#{item.imieWypozyczajacego}" />
                        </rich:column>
                        <rich:column  sortBy="#{item.isbn}"  style="width:75px">
                            <f:facet name="header">               
                                <h:outputText value="Numer ISBN " />
                            </f:facet>
                            <h:outputText value="#{item.isbn}" />
                        </rich:column>

                        <rich:column sortBy="#{item.imieAutora}">
                            <f:facet name="header">
                                <h:outputText value="Imię autora" />
                            </f:facet>
                            <h:outputText value="#{item.imieAutora}" />
                        </rich:column>
                        <rich:column sortBy="#{item.nazwiskoAutora}">
                            <f:facet name="header">
                                <h:outputText value="Nazwisko autora" />
                            </f:facet>
                            <h:outputText value="#{item.nazwiskoAutora}" />
                        </rich:column>
                        <rich:column sortBy="#{item.tytul}">
                            <f:facet name="header">
                                <h:outputText value="Tytuł" />
                            </f:facet>
                            <h:outputText value="#{item.tytul}" />
                        </rich:column>

                        <rich:column sortBy="#{item.nazwaWydawnictwa}">
                            <f:facet name="header">
                                <h:outputText value="Wydawnictwo" />
                            </f:facet>
                            <h:outputText value="#{item.nazwaWydawnictwa}" />
                        </rich:column>

                        <rich:column sortBy="#{item.dataWydania}">
                            <f:facet name="header">
                                <h:outputText value="Data wydania" />
                            </f:facet>
                            <h:outputText value="#{item.dataWydania}" />
                        </rich:column>

                        <rich:column sortBy="#{item.status}"> 
                            <f:facet name="header">
                                <h:outputText value="Status " />
                            </f:facet>
                            <h:outputText value="#{item.status}" />
                        </rich:column>    


                        <rich:column > 
                            <f:facet name="header">
                                <h:outputText value="Akcja " />
                            </f:facet>

                            <a4j:commandButton id="wypozyczButton"  
                                               value="Oddaj"  
                                               action="#{odbiorKsiazkiManager.obliczNaleznosc}"
                                               render="popup"
                                               oncomplete="#{rich:component('popup')}.show()">           
                                <f:setPropertyActionListener value="#{item}"
                                                             target="#{odbiorKsiazkiManager.aktualny}" />

                            </a4j:commandButton>    
                        </rich:column>      

                    </rich:dataTable>
                    <rich:dataScroller for="table" maxPages="5" />   

                </center>    
                <rich:messages/>
            </h:form>

            <rich:popupPanel id="popup" modal="false" autosized="true" resizeable="false">
                <f:facet name="header">
                    <h:outputText value="Oddaj książkę" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#" onclick="#{rich:component('popup')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                <h:panelGrid columns="1">

                    <h:outputText value="Do zapłaty: #{odbiorKsiazkiManager.aktualny.doZaplaty} zł"/>
                    <br></br>
                    
                    <a4j:commandButton id="czyZaplacono" value="Czy zapłacono ?" 
                                       render="oddajKsiazke , czyZaplacono"
                                       action="#{odbiorKsiazkiManager.dodajWplate}" 
                                       disabled="#{odbiorKsiazkiManager.czyZaplacono}"/>
                    
                    <a4j:commandButton id="oddajKsiazke"  value="Oddaj książkę" 
                                       render="table"
                                       action="#{odbiorKsiazkiManager.odbierzKsiazke}"
                                       disabled="#{!odbiorKsiazkiManager.czyZaplacono}"
                                      
                                       oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('popup')}.hide();" />
                     
                </h:panelGrid>

                <rich:messages/>
            </rich:popupPanel>               






        </f:view>
    </ui:define>

</ui:composition>
